<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport"
        content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,width=device-width, viewport-fit=cover">
    <title>产品定制</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/CPcustom.css">
</head>

<body>
    <!-- 公用头部 -->
    <section class="pub_header">
        <!-- pc -->
        <div class="pc_nav">
            <div class="pc_logo"><img src="./image/logo.png" alt=""></div>
            <div class="pc_nav_list">
                <div class="pc_nav_item">
                    <a href="./index.html">首页</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./index.html">福利商城</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./index.html">产品服务</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./index.html">解决方案</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./index.html">新闻资讯</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./index.html">招贤纳士</a>
                </div>
                <div class="pc_nav_item">
                    <a href="./index.html">关于钰米</a>
                    <div class="pc_nav_hover">
                        <a href="javascript:;">公司介绍</a>
                        <a href="javascript:;">公司文化</a>
                        <a href="javascript:;">公司理念</a>
                        <a href="javascript:;">公司愿景</a>
                        <a href="javascript:;">资质</a>
                        <a href="javascript:;">荣誉</a>
                        <a href="javascript:;">廉政合规</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- wap -->
        <div class="wap_nav">
            <div class="wap_logo">
                <a href="index.html"><img src="image/logo.png" alt=""></a>
            </div>
            <!-- wap 右侧菜单键 -->
            <a class="pub_menu" href="javascript:;">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
        <!-- wap 二级菜单 -->
        <div class="pub_menu_ff">
            <ul class="pub_menu_ul">
                <li class="pub_menu_li"><a href="index.html">首页</a></li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>福利商城</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">福利商城</a></li>
                            <li><a href="javascript:;">福利商城</a></li>
                            <li><a href="javascript:;">福利商城</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>产品服务</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">产品服务</a></li>
                            <li><a href="javascript:;">产品服务</a></li>
                            <li><a href="javascript:;">产品服务</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>解决方案</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">解决方案</a></li>
                            <li><a href="javascript:;">解决方案</a></li>
                            <li><a href="javascript:;">解决方案</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>新闻资讯</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">新闻资讯</a></li>
                            <li><a href="javascript:;">新闻资讯</a></li>
                            <li><a href="javascript:;">新闻资讯</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>招贤纳士</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">招贤纳士</a></li>
                            <li><a href="javascript:;">招贤纳士</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_li on">
                    <div class="pub_menu_show">
                        <a href="javascript:;"><span>关于钰米</span></a>
                        <img class="nav_show" src="./image/jia.png" alt="">
                    </div>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="javascript:;">公司介绍</a></li>
                            <li><a href="javascript:;">公司文化</a></li>
                            <li><a href="javascript:;">公司理念</a></li>
                            <li><a href="javascript:;">公司愿景</a></li>
                            <li><a href="javascript:;">资质</a></li>
                            <li><a href="javascript:;">荣誉</a></li>
                            <li><a href="javascript:;">廉政合规</a></li>
                            <li class="pub_menu_back">
                                <img src="./image/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- 内容 -->
    <section class="pub_content">
        <!--  -->
        <div class="gift_banner">
            <img src="./image/custom01.png" alt="">
            <div class="gift_hover">
                <p class="gift_p1">PRODUCT<br />CUSTOMIZATION</p>
                <p class="gift_p2">产品定制</p>
                <p class="gift_p3">十一大版块服务产品，业内更全跨品类福利选择</p>
            </div>
        </div>
        <!--  -->
        <div class="custom">
            <img class="custom_img1" src="./image/custom06.png" alt="">
            <img class="custom_img2" src="./image/custom07.png" alt="">
            <div class="custom_cont">
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom02.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom03.png" alt=""></div>
                            <div class="custom_text_p1">钰米SaaS平台</div>
                            <div class="custom_text_p2">提升员工归属感和满意度</div>
                            <div class="custom_text_p3">为企业量身定制的员工激励+弹性福利应用管理综合平台，智能化的系统把分散零碎的福利计划进行统一管理。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom05.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom04.png" alt=""></div>
                            <div class="custom_text_p1">保障福利</div>
                            <div class="custom_text_p2">开启您的保险福利数字化转型之旅</div>
                            <div class="custom_text_p3">通过提供顾问式保险经纪服务为不同成长阶段的企业提供一站式数字化福利管理解决方案。</div>
                        </div>
                    </a>
                </div>
                <!--  -->
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom08.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom09.png" alt=""></div>
                            <div class="custom_text_p1">娱乐演出</div>
                            <div class="custom_text_p2">全国千场热门演出剧目门票在线选购</div>
                            <div class="custom_text_p3">涵盖话剧、演唱会、音乐会、体育赛事、儿童剧等文化演出门票，在看与听之间，享受文化的凝重与激荡。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom10.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom11.png" alt=""></div>
                            <div class="custom_text_p1">旅游玩乐</div>
                            <div class="custom_text_p2">全国近万个旅游景区、娱乐场馆门票兑换</div>
                            <div class="custom_text_p3">近万家旅游景点，可兑换景区门票、乐园门票、展馆门票、城市一日游套票等，让员工在个人生活中尽享欢愉时光。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom12.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom13.png" alt=""></div>
                            <div class="custom_text_p1">优选生活</div>
                            <div class="custom_text_p2">严苛精选员工喜欢的福利商品</div>
                            <div class="custom_text_p3">甄选全球知名品牌商品，涵盖优质水果生鲜、粮油杂货乳品、酒水饮料器皿、小家电/创意礼品、休闲食品、清洁护理、母婴玩具、家具厨卫、图书及生活服务等上万款产品，全方位满足员工生活所需，增强员工生活幸福感。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom14.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom15.png" alt=""></div>
                            <div class="custom_text_p1">生日礼遇</div>
                            <div class="custom_text_p2">自由选择品牌蛋糕及甜点</div>
                            <div class="custom_text_p3">涵盖所有主流品牌蛋糕、甜品、面包等，满足了企业对员工生日慰问的基本需求，多种品牌的选择真正解决了众口难调的实际问题，让每位员工乐享生日福利。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom16.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom17.png" alt=""></div>
                            <div class="custom_text_p1">年节礼包</div>
                            <div class="custom_text_p2">量身定制，自由选择</div>
                            <div class="custom_text_p3">严苛精选国内外知名品牌商品，根据企业需求制定多元化的节日福利方案，帮助企业在有限的福利预算内达到较高成效，让员工在节日里感受到来自企业的贴心关怀。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom18.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom19.png" alt=""></div>
                            <div class="custom_text_p1">企业活动</div>
                            <div class="custom_text_p2">个性化定制，彰显企业文化</div>
                            <div class="custom_text_p3">突破传统的团建方式，专注于为企业员工定制个性化团建方案，将时下热点主题与企业团队建设相融合，彰显企业文化的同时更让员工体会到团建带来的乐趣。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom20.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom21.png" alt=""></div>
                            <div class="custom_text_p1">健康生活</div>
                            <div class="custom_text_p2">一卡在手，健康无忧</div>
                            <div class="custom_text_p3">涵盖健康体检、口腔健康、健康商城及其他健康管理服务等。为企业策划高品质、全链条覆盖的一站式健康管理服务，为员工提供他们喜欢的健康管理产品。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom22.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom23.png" alt=""></div>
                            <div class="custom_text_p1">图书精选</div>
                            <div class="custom_text_p2">近万本精选著作随心任选</div>
                            <div class="custom_text_p3">汇集近万本国内外精品图书，涵盖前沿新知、人文艺术、商业财经、少儿认知等多个板块。致力成为企业员工的“精神充电站”。</div>
                        </div>
                    </a>
                </div>
                <div class="custom_item">
                    <a href="javascript:;">
                        <div class="custom_img"><img src="./image/custom24.png" alt=""></div>
                        <div class="custom_text">
                            <div class="custom_text_img"><img src="./image/custom25.png" alt=""></div>
                            <div class="custom_text_p1">电影通兑</div>
                            <div class="custom_text_p2">线上选座线下通兑电影票</div>
                            <div class="custom_text_p3">覆盖全国上万家影院，卡券分为点数储值券及次券两种形式，企业可根据自身需求及用途进行定制选择。</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- 公用底部 -->
    <section class="pub_footer">
        <div class="pub_footer_top">
            <div class="pub_footer_cont">
                <div class="pub_footer_d1">
                    <div class="pub_footer_d2">
                        <span><a href="javascript:;">产品服务</a></span>
                        <span><a href="javascript:;">解决方案</a></span>
                        <span><a href="javascript:;">新闻资讯</a></span>
                        <span><a href="javascript:;">招贤纳士</a></span>
                        <span><a href="javascript:;">关于钰米</a></span>
                    </div>
                    <div class="pub_footer_d3">
                        <div class="pub_footer_item">
                            <div class="pub_footer_img"><img src="./image/foot01.png" alt=""></div>
                            <div class="pub_footer_text" style="width: 2.2rem;">
                                <p class="pub_footer_p1">地址</p>
                                <p class="pub_footer_p2">北京市海淀区大钟寺中坤广场华杰大厦5c5</p>
                            </div>
                        </div>
                        <div class="pub_footer_item" style="margin-right: 0.7rem;">
                            <div class="pub_footer_img"><img src="./image/foot02.png" alt=""></div>
                            <div class="pub_footer_text">
                                <p class="pub_footer_p1">电话</p>
                                <p class="pub_footer_p2">400-616-8360</p>
                                <p class="pub_footer_p2">400-616-8360</p>
                            </div>
                        </div>
                        <div class="pub_footer_item">
                            <div class="pub_footer_img"><img src="./image/foot03.png" alt=""></div>
                            <div class="pub_footer_text">
                                <p class="pub_footer_p1">邮箱</p>
                                <p class="pub_footer_p2">lianheyiwang@enet360.com</p>
                                <p class="pub_footer_p2">lianheyiwang@enet360.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pub_footer_d4"><img src="./image/foot04.png" alt=""></div>
            </div>
        </div>
        <div class="pub_footer_bottom">
            <div class="pub_footer_cont">
                <p>COPYRIGHT © 2020 WWW.ENET360.COMALL RIGHTS RESERVED.</p>
                <p>京ICP备09066962号-3</p>
            </div>
        </div>
    </section>
</body>
<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js/public.js"></script>
<script>
    $(document).on('mouseenter', '.product_item', function () {
        $(this).addClass('on').siblings().removeClass('on')
        let arr = $(this).attr('attr-url').split(',')
        let html = ``
        for (let i = 0; i < arr.length; i++) {
            html += `<img src="${arr[i]}" alt="">`
        }
        $('.product_banner').html(html)
    })


    let dom = ''
    let src = ''
    $(document).on('mouseenter', '.custom_item', function () {
        dom = $(this).find('.custom_img img')
        src = dom.attr('src')
        dom.attr('src', dom.attr('attr-src'))
    }).on('mouseleave', '.custom_item', function () {
        dom.attr('src', src)
    })

    var swiper = new Swiper('.case .swiper-container', {
        navigation: {
            nextEl: '.case .swiper-button-next',
            prevEl: '.case .swiper-button-prev',
        },
        loop: true,
    });

    $(document).on('click', '.case_next', function () {
        $('.case .swiper-button-next').trigger('click')
    })

    $(document).on('click', '.case_prev', function () {
        $('.case .swiper-button-prev').trigger('click')
    })
</script>

</html>